export default (list) => {
  const local_list = localStorage.getItem("list");
  // console.log(local_list);// null
  if (local_list !== null) {
    list.value = JSON.parse(local_list);
  } else {
    localStorage.setItem("list", JSON.stringify(list.value));
  }
  //   /* 这样监听，只能监听到list.value这个数组中数据的变化。当由filter进行的数组删除操作时，list.value本身的引用值改变，但list.value内部属性不变。所以，删除时，监听不出来，无法更新本地存储。
  // watch(list.value, () => {
  //   localStorage.setItem("list", JSON.stringify(list.value));
  // }); */
  //   watch(list.value, () => {
  //     localStorage.setItem("list", JSON.stringify(list.value));
  //   });
  /* ug解决：改成下面这样：（监听list，深度监听）。
既可以监测.value引用的变化，也可以监测.value内部属性的变化。
(因为是deep，所以可以监测到ref..{}的.value内部属性的变化)*/
  watch(
    list,
    () => {
      localStorage.setItem("list", JSON.stringify(list.value));
    },
    {
      deep: true,
    }
  );
}